草庐IT

iphone - 绘制动画

全部标签

Javascript 排序功能在 iPhone 上不起作用

在iPhone上用Javascript调用sort(function)时,它似乎没有排序。例如:devices.sort(function(a,b){returna.name>b.name;});是否有一些已知的限制,或者有人可以帮助我如何在iPhone上执行此操作。它似乎在Chrome、IE、Firefox中运行良好。 最佳答案 你的比较函数坏了:如果a,它应该返回一个必须为负的数值,如果a=b则为零如果a>b则为正,即function(a,b){returna.nameb.name?1:0;}您的函数返回false如果a.nam

javascript - 如何在屏幕上跟随 jQuery 动画 div?

我正在使用jQuery.crSpline沿弯曲路径为图形设置动画。我对结果非常满意。但是,完整的Canvas尺寸有意设计得很宽-肯定比大多数屏幕都大-因此图形会很快用完视口(viewport)空间并在屏幕上显示动画。相反,我希望浏览器视口(viewport)跟随图像或以图像为中心,以便它保持“在镜头中”。我将如何使用jQuery来解决这个问题?scrollTop是一个选项吗?我创建了一个jsFiddledemo,基于crSplinedemosource,但具有较宽的minX设置。注意:我首先尝试使用YUI3和Loktar提供了基于Canvas的solution,但是我不再使用YUI和c

javascript - 你如何使用 jQuery 加速动画中间动画?

假设你有一个像这样的特定时间运行的动画:$('span').animate({opacity:1},10000);动画很长,因此用户尝试再次单击按钮。动画已经播放了一定的时间,每次可能都不一样。在第二次点击时是否可以更新动画过程,在用户点击时保持对象的不透明度,只是改变完成所需的时间?基本上我想在动画中途更新动画过程。 最佳答案 您可以使用animate的step选项来跟踪动画的进度。然后根据这些信息,您可以计算动画中剩余的时间。然后停止当前动画并开始一个持续时间减半的新动画。http://jsfiddle.net/MdD45/编辑

javascript - d3 - sunburst - 给定更新数据的过渡 - 尝试动画,而不是捕捉

我正在研究基于MikeBostock的ZoomableSunburst的旭日形可视化。示例。我希望能够使用全新的JSON(具有相同的结构但“大小”值不同)更改基础数据,并让旭日动画转换以反射(reflect)更新后的数据。如果我使用.data()更改路径元素的数据,然后尝试以下列方式更新:path.data(partition.nodes(transformed_json)).transition().duration(750).attrTween("d",arcTween(transformed_json));(..这与点击fn的代码几乎完全相同)functionclick(d){p

javascript - 使用 GL.points 在 WebGL 中绘制单个像素

我正在处理TavaresWebGLtutorial,并陷入泥泞之中。我想使用GL.points绘制单个像素。我的阵列显然有问题。在FF或ChromeCanary中查看:http://codepen.io/anon/pen/EPJVjK/***Createsaprogram,attachesshaders,linkstheprogram.*@param{WebGLShader[]}shaders.Theshaderstoattach.*/varcreateGLProgram=function(gl,shaders){varprogram=gl.createProgram();for(va

javascript - jCarousel 没有在隐藏的 div 中绘制

我正在使用一个div来填充一个ul/li列表,然后从中绘制一个jCarousel。所以这很好用:$('#mycarousel').jcarousel();问题是:包含ul/li项的div可以通过单击另一个按钮来隐藏。当div隐藏时,我重新调整浏览器窗口的大小,jCarousel也会尝试重绘自身,但由于它是隐藏的,因此无法正确绘制。结果是列表中的所有内容都乱七八糟(如果我再次单击该按钮以使其可见)。但是,如果我现在重新调整窗口大小(困惑的jCarousel现在没有隐藏),它会正确地重绘自己。我尝试获取jCarousel实例并在单击按钮后立即重新加载自身以使div可见(当它可见时它重新调整

javascript - 连续运行 jQuery 动画

我有一组淡出动画,之后我想运行一组animation调用。如何确保一个接一个运行?如果我这样做:$(div1).fadeOut(600);$(div2).fadeOut(600);$(div3).fadeOut(600);$(div4).animation({opacity:1},600);$(div5).animation({opacity:1},600);$(div6).animation({opacity:1},600);动画并行运行。上面的代码只是问题的简化/抽象。我无法将所有调用组合到一个函数中,在现实生活中元素的数量是可变的,每个元素都由它自己的类管理。

javascript - 如何在启用 "Private Browsing"的 iPhone 上检测用户?

我的jquerymobile应用程序需要使用localStorage和sessionstorage等,我一直在向不支持cookie的用户提示并告诉他们启用cookie,但是如果用户启用了隐私浏览,这个创建cookie测试我是这样做是行不通的,他们只是得到一个仍然错误的屏幕,有谁知道我如何测试用户是否启用了隐私浏览?谢谢 最佳答案 我没有Iphone来测试这个,但是在桌面Safari浏览器(在私有(private)模式下)运行下面的函数确实捕获错误并按预期处理它。functionstorageEnabled(){try{localSt

javascript - 直到它完全加载才开始 gif 动画

我在网页上有一个很大的gif动画,我想在它完全加载完成后再启动它。使用JavaScript/jQuery怎么可能? 最佳答案 使用占位符图像,并在GIF完全加载后将其替换为动画GIF:JS:varmyanim=newImage();myanim.src='/img/actions.png';myanim.onload=function(){document.getElementById('anim').src=myanim.src;}​http://jsfiddle.net/mblase75/6XTg7/

javascript - SVG.js 是否可以实现路径动画

有很多SVG路径动画的例子,都是原生的http://jsfiddle.net/FVqDq/和Raphael.jshttp://jsfiddle.net/d7d3Z/1/p.animate({path:"M140100L19060"},2000,function(){r.animate({path:"M19060L21090"},2000);});svg.jslibrary这怎么可能?? 最佳答案 不,svg.js还不可能做到这一点.我一直在研究它,这将是一个相当大的实现。因为我尽量保持库小,它永远不会成为库本身的一部分,但我可能会写